<template lang="html">
  <router-link tag="div" :to="'/'+menuList.mineRoute" class="mine-menu">
    <i class="iconfont" :class="menuList.icon"></i>
    <span>{{ menuList.title }}</span>
  </router-link>
</template>

<script>
export default {
  name:'MineMenu',
  props:{
    menuList:{
      type:Object,
      default:function(){
        return {}
      }
    }
  }
}
</script>

<style lang="less" scoped>
  .mine-menu{
    width: 100%;
    height: 0.73rem;
    line-height: 0.73rem;
    background-color: #fff;
    color: #313131;
    font-size: 0.26rem;
    padding-left: 0.2rem;
    box-sizing: border-box;
    i{
      margin-right: 0.2rem;
    }
  }
</style>
